<template>
  <div class="fav_songList_box">
    <signTitle1 :xxTitle="fav_songListTitle" />
    <div class="songList_card_bg">
      <visitCard1 :visitCardBOX="visitCardBOX.slice(0, 1)" />
    </div>
    <!-- 解决阴影被遮挡问题 -->
    <albumORsongBox :list2Content="listContent" />
  </div>
</template>
<script>
import signTitle1 from "./title1.vue";
import visitCard1 from "./visit_card.vue";
import albumORsongBox from "./albumORsongBox.vue";
export default {
  name: "",
  components: {
    signTitle1,
    visitCard1,
    albumORsongBox,
  },
  props: {
    // id : Number,
  },
  methods: {
    getdata(ID) {
      this.id = ID;
      this.$http
        .get("/user/index/selfplaylist/", {
          params: {
            limit: 8,
            page: 1,
            id: this.id,
          },
        })
        .then((res) => {
          this.visitCardBOX = res.data.data;
          this.listContent = res.data.data;
        });
    },
  },
  data() {
    return {
      flag: 2, //歌单
      fav_songListTitle: [
        {
          sign: require("../../assets/mine.png"),
          who: "TA的歌单",
        },
      ],
      visitCardBOX: [
        {
          cover: require("../../assets/kristina-manchenko-xeq-0jqUcKc-unsplash.jpg"),
          name: "歌单名字",
          author: "作者名字",
          publish: "2021.3.4",
          description: "关于歌单的简单介绍",
          fans: "768",
          comments: "326",
        },
      ],
      listContent: [
        {
          name: "歌单名",
          author: "作者名",
          publish: "2020.1.3",
          fans: "453",
          comments: "35",
        },
        {
          name: "歌单名",
          author: "作者名",
          publish: "2020.1.3",
          fans: "453",
          comments: "35",
        },
        {
          name: "歌单名",
          author: "作者名",
          publish: "2020.1.3",
          fans: "453",
          comments: "35",
        },
        {
          name: "歌单名",
          author: "作者名",
          publish: "2020.1.3",
          fans: "453",
          comments: "35",
        },
        {
          name: "歌单名",
          author: "作者名",
          publish: "2020.1.3",
          fans: "453",
          comments: "35",
        },
        {
          name: "歌单名",
          author: "作者名",
          publish: "2020.1.3",
          fans: "453",
          comments: "35",
        },
        {
          name: "歌单名",
          author: "作者名",
          publish: "2020.1.3",
          fans: "453",
          comments: "35",
        },
        {
          name: "歌单名",
          author: "作者名",
          publish: "2020.1.3",
          fans: "453",
          comments: "35",
        },
      ],
    };
  },
};
</script>
<style scoped>
.fav_songList_box {
  margin: 44px auto 40px;
  overflow: hidden;
}
.songList_card_bg {
  position: relative;
  width: 1198px;
  height: 220px;
  margin-bottom: 2px;
}
</style>
